<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>hellp</h1>
    <h1>hi</h1>
</body>
</html>
<script>
    //1、获取单个dom对象 querySelector方法用于查找满足css选择器规则的标签对应的dom对象
    //该方法就算能够匹配到多个标签 最终也只会得到一个标签的dom对象
    let doms=document.querySelector('h1');
    console.log([doms]);

    //2、获取多个dom对象 querySelectorAll方法 得到的是一个伪数组，可以用forEach遍历
    let domss=document.querySelectorAll('h1');
    console.log(domss);
    

</script>